<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .sbTable tr td {
        padding:  5px 0 5px 0;
    }
</style>
<script>
    {% if info is defined %}
    var info = {{ info | json_encode }};
    var maxIndex = {{ maxIndex }};
    var activeTabIndex = {{ activeTabIndex |json_encode }};
    {% else %}
    var info = null;
    var activeTabIndex = 0;
    {% endif %}
    var sourceId = {{ sourceId }};
</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;overflow-y: hidden">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#tab_1" data-toggle="tab">面试(1)</a></li>
                <li class=""><a href="#tab_2" data-toggle="tab">面试(2)</a></li>
                <li class=""><a href="#tab_3" data-toggle="tab">面试(3)</a></li>
                <li class=""><a id="add" class="btn btn-default btn-sm" style="padding: 5px;margin: 5px;"><i class="fa fa-plus" style="color:#2baab1;"> 添加面试</i></a></li>
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="tab_1" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div style="padding: 10px;">
                            <form class="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        <tr>
                                            <td><label>面试人名称</label></td>
                                            <td>
                                                <select type="text" name="iInterviewer" must="true">
                                                    <option value="">请选择</option>
                                                    {% for iUserId,sStaffName in staffArr  %}
                                                        <option value="{{ iUserId }}">{{ sStaffName }}</option>
                                                    {% endfor %}
                                                </select>
                                                <input type="hidden" name="iIndex" value="1">
                                                <input type="hidden" name="iHIId">
                                                <input type="hidden" name="iSourceId" value="{{ sourceId }}">
                                            </td>
                                            <td><label>建议</label></td>
                                            <td>
                                                <select type="text" name="mSuggest"  must="true">
                                                    <option value="">请选择</option>
                                                    {% for index,text in mSuggest %}
                                                        <option value="{{ text }}">{{ text }}</option>
                                                    {% endfor %}
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>评价</label></td>
                                            <td colspan="3">
                                                <textarea type="text" name="mEvaluate" rows="3"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a  class="btn btn-primary saveBtn" >保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade " id="tab_2" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div style="padding: 10px;">
                            <form class="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        <tr>
                                            <td><label>面试人名称</label></td>
                                            <td>
                                                <select type="text" name="iInterviewer" must="true">
                                                    <option value="">请选择</option>
                                                    {% for iUserId,sStaffName in staffArr  %}
                                                        <option value="{{ iUserId }}">{{ sStaffName }}</option>
                                                    {% endfor %}
                                                </select>
                                                <input type="hidden" name="iIndex" value="2">
                                                <input type="hidden" name="iHIId">
                                                <input type="hidden" name="iSourceId" value="{{ sourceId }}">
                                            </td>
                                            <td><label>建议</label></td>
                                            <td>
                                                <select type="text" name="mSuggest"  must="true">
                                                    <option value="">请选择</option>
                                                    {% for index,text in mSuggest %}
                                                        <option value="{{ text }}">{{ text }}</option>
                                                    {% endfor %}
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>评价</label></td>
                                            <td colspan="3">
                                                <textarea type="text" name="mEvaluate" rows="3"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a  class="btn btn-primary saveBtn">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- ./tab-pane -->

                <div class="tab-pane fade " id="tab_3" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div style="padding: 10px;">
                            <form class="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        <tr>
                                            <td><label>面试人名称</label></td>
                                            <td>
                                                <select type="text" name="iInterviewer" must="true">
                                                    <option value="">请选择</option>
                                                    {% for iUserId,sStaffName in staffArr  %}
                                                        <option value="{{ iUserId }}">{{ sStaffName }}</option>
                                                    {% endfor %}
                                                </select>
                                                <input type="hidden" name="iIndex" value="2">
                                                <input type="hidden" name="iHIId">
                                                <input type="hidden" name="iSourceId" value="{{ sourceId }}">
                                            </td>
                                            <td><label>建议</label></td>
                                            <td>
                                                <select type="text" name="mSuggest"  must="true">
                                                    <option value="">请选择</option>
                                                    {% for index,text in mSuggest %}
                                                        <option value="{{ text }}">{{ text }}</option>
                                                    {% endfor %}
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>评价</label></td>
                                            <td colspan="3">
                                                <textarea type="text" name="mEvaluate" rows="3"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a  class="btn btn-primary saveBtn">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- ./tab-pane -->

            </div><!-- ./tab-content -->
        </div>
    </div>
</div>